import styled from 'styled-components'
import border from 'components/styled/border'

const GradeCon =border({
    width:'0 0 1px 0',
    comp:styled.div`
    padding:.15rem .3rem .1rem;
    .logoDiv{
        height:.54rem;
        text-align:center;
        img{
            width:.54rem;
        }
     }
     .progress{
            padding:.09rem 0;
         display:flex;
         justify-content:space-between;
         align-items:center;
        progress{
            width:2rem;
             background:blue; 
        }
        progress::-webkit-progress-bar {
            color:blue;
            background: #fff;
        }
        
    }

`
})


const Pai =styled.div`
    background:#FFB538;
    width:.4rem;
    height:.2rem;
    font-size:.12rem;
    color:#fff;
    text-align:center;
    line-height:.2rem;
`

const MyP=styled.p`
    color:#646464;
    font-size:.12rem;
    padding-top:.06rem;
    padding-bottom:.1rem;

`

const GradeList=styled.div`
    padding:.15rem;
    h2{
        font-size:.12rem;
        color:#646464;
        font-weight:400;
        padding-bottom:.2rem;
    }
    li{
        padding:.1rem 0;
        color:#C0C0C0;
        font-size:.13rem;
    }
    li.topic{
        color:#646464
    }

`



export {GradeCon,Pai,MyP,GradeList}
